.content{ .summary { font-family: SWISSC; } .summary .content{ background: #fff; border-radius: .04rem; margin: .1rem 0; padding: 0 .12rem; color: grey; font-size: .1rem; } .summary .content .title { font-family: SWISSC-BT; font-size: .12rem; height: .24rem; line-height: .24rem; border-bottom: .01rem solid #bdbdbd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: item; -ms-flex-align: item; align-items: item; } .summary .content .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .12rem; font-weight: 600; } .summary .content .cardMian { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .summary .content .cardMian>div { width: 100%; } .summary .content .cardMian ul { //display: -webkit-box; //display: -ms-flexbox; //display: flex; //-webkit-box-pack: center; //-ms-flex-pack: center; //justify-content: center; //padding: 0 .07rem; //width: 100%; //-webkit-box-sizing: border-box; //box-sizing: border-box; } .summary .content .today li:first-child, .summary .content .total li:first-child { //width: 70%; } .summary .content .cardMian li { //width: 100%; //display: -webkit-box; //display: -ms-flexbox; //display: flex; //-webkit-box-pack: center; //-ms-flex-pack: center; //justify-content: center; //-webkit-box-orient: vertical; //-webkit-box-direction: normal; //-ms-flex-direction: column; //flex-direction: column; //-webkit-box-align: center; //-ms-flex-align: center; //align-items: center; //margin: .08rem 0; } .summary .content .num { font-size: .15rem; font-family: SWISSC-BT; color: #383838; white-space: nowrap; font-weight: 600; } .summary .content .cardMian .vip { width: .94rem; min-width: .94rem; height: .9rem; background: #f5f5f5; border-radius: .1rem; margin: .12rem 0 .22rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ff9d03; font-size: .1rem; } .summary .content .cardMian .vip .level { font-size: .15rem; position: relative; width: .5rem; height: .5rem; margin-bottom: .06rem; } .summary .content .cardMian .vip .level .levelNum { color: #fff; margin-top: .05rem; } .summary .content .cardMian .vip .level span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .summary .content .commission { margin-top: .1rem; } .summary .content .wallet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; padding-right: .06rem; } .summary .content .wallet .btn { display: inline-block; color: #8a8a8a; height: .24rem; line-height: .24rem; font-size: .12rem; border: .01rem solid #9e9e9e; padding: 0 .06rem; border-radius: .03rem; text-align: center; margin-top: .08rem; cursor: pointer; } .btn-disable { background: #e8e8e8; border: .01rem solid #e8e8e8; cursor: default; } .summary .content .wallet .tip { font-size: .11rem; color: #383838; padding: .04rem 0 .1rem; } .summary .shareMain { padding-bottom: .04rem; } .summary .shareMain .title { font-size: .12rem; border: none; padding-top: .06rem; } .summary .share { display: flex; margin-top: .08rem; } .sharePlatform { margin: .11rem 0; width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); justify-content: center; text-align: center; } .sharePlatform li{ display: flex; flex-direction: column; align-items: center; font-size: .1rem; color: #727272; } .summary .shareLink { color: #383838; font-size: .14rem; margin-top: .1rem; } .copyUrl { position: relative; height: .28rem; border-radius: .03rem; padding: 0 .08rem 0 .11rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .1rem; color: grey; background-color: #f9f9f9; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .19rem; } summary .shareLink .copyUrl { margin-top: .08rem; } .copyUrl .url { width: 2.4rem; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .omitWrap { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .copyUrl #copy { position: absolute; display: inline-block; width: .77rem; height: .28rem; line-height: .28rem; text-align: center; border-radius: .03rem; color: #40a1de; right: 0; cursor: default; } .sharePlatform img { width: .4rem; } img { border: none; vertical-align: middle; } .summary .tel-box2, .summary .tel-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .summary .hintTitle2, .summary .hintTitle3 { font-size: .12rem; color: #442729; line-height: .18rem; margin: .01rem auto; } .summary .hintTitle2 { padding-bottom: .1rem; } .summary .telicon { width: .5rem; height: .5rem; margin-right: .1rem; flex-shrink: 0; } a, a:hover, a:link, a:visited, a:active { text-decoration: none; } .summary .telicon img { width: .5rem; height: .5rem; } .summary .hint { padding-bottom: .3rem; } .summary .hintTitle { font-size: .14rem; color: #442729; line-height: .18rem; font-family: SWISSC-BT; text-align: center; margin: .09rem auto; } .imgContent { color: red; font-size: .13rem; line-height: .19rem; padding: .04rem 0 .15rem; position: relative; display: grid; grid-template-columns: .67rem 1fr .7rem; align-items: center; } .van-slider { position: relative; width: 100%; height: 2px; background-color: #ebedf0; border-radius: 999px; cursor: pointer; } .van-slider__bar { position: relative; width: 100%; height: 100%; background-color: #1989fa; border-radius: inherit; -webkit-transition: all .2s; transition: all .2s; } .van-slider__button-wrapper, .van-slider__button-wrapper-right { position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); cursor: grab; } .imgContent .slider .img { background: url('/img/huakuai.png') 50% no-repeat; height: .16rem; width: .16rem; background-size: auto 100%; } .groupTitle { font-size: .14rem; font-family: SWISSC-BT; text-align: center; margin: .04rem 0; color: #442729; font-weight: 700; } ul.rules { display: list-item; color: #383838; font-size: .12rem; line-height: .14rem; padding-left: .18rem; } ul.rules li { display: list-item !important; list-style: decimal; margin-top: .12rem !important; } .headerBack .iconfont { font-size: .24rem; color: #fff; width: .4rem; cursor: pointer; } .headerBack .right .icon-company_nav_icon_home{ display: inline-block; font-size: .24rem; color: #fff; } .summary .content .title .icon-bangzhu { font-size: .14rem; color: #40dba9; margin-left: .04rem; cursor: pointer; } .summary .content .cardMian .vip .level .icon-vip { color: #ff6a01; font-size: .5rem; } .summary .content .cardMian .vip .iconfont { color: #40dba9; font-size: .1rem; } .summary .content .wallet .tip .icon-tishi1 { font-size: .12rem; margin-right: .02rem; color: #009d80; } .summary .hintTitle2 .iconfont { font-size: .06rem; color: #a6a6a6; margin-right: .1rem; } .tabs .van-tabs__line{ width: .3rem; height: .01rem; background: -webkit-gradient(linear, left top, left bottom, from(#ff9323), to(#ff6a01)); background: -webkit-linear-gradient(top, #ff9323, #ff6a01); background: -o-linear-gradient(top, #ff9323, #ff6a01); background: linear-gradient(180deg, #ff9323, #ff6a01); bottom: .22rem; transform: translateX(40px) translateX(-50%); transition-duration: 0.3s; } .van-tabs__line { position: absolute; bottom: 15px; left: 0; z-index: 1; width: 40px; height: 3px; background-color: #ee0a24; border-radius: 3px; } .van-tabs__wrap--scrollable .van-tab { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; padding: 0 12px; } .van-tabs__nav { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #fff; -webkit-user-select: none; user-select: none; } } .statistics-card{ width: 100%; display: flex; margin: 0.08rem 0; justify-content: space-between; text-align: center; } .commission{ margin: 0.08rem 0; display: grid; grid-template-columns: 1fr 1fr; text-align: center; }